<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet" href="css/base.css">
		<link rel="stylesheet" href="css/index.css">
		<link rel="stylesheet" href="css/variable.css">
	</head>
	<body>
		<!-- 良仓头部 -->
		<header>
			<!-- 版心 -->
			<div class="header-content">
				<!-- 头部左边logo -->
				<div class="header-left-logo">
					<a href="#"></a>
				</div>
				<!-- 头部右边顶部导航栏 -->
				<div class="header-right-top-nav">
					<ul class="right-top-nav">
						<li>
							<a href="#" class="loginBtn">登录</a>
							<a href="#" class="registerBtn">注册</a>
						</li>
						<li class="top-nav-line"></li>
						<li class="shopping-cart">
							<a href="" >购物车</a>
							<!-- 购物车下拉菜单 -->
							<div class="shopping-cart-list">
								<div class="cart-list-top"><a href="">你的购物车暂时没有商品...</a></div>
								<div class="cart-list-bottom"><a href="">快去抢购良仓商品吧！</a></div>
							</div>
						</li>
						<li class="top-nav-line"></li>
						<li class="message">
							<a href="">消息</a>
							<!-- 消息下拉菜单 -->
							<div class="message-list">
								<a href="">
									 动态
									<span>0</span>
								</a>
								<a href="">
									 评论
									<span>0</span>
								</a>
								<a href="">
									 私信
									<span>0</span>
								</a>
								<a href="">
									 粉丝
									<span>0</span>
								</a>
								<a href="">
									 喜欢
									<span>0</span>
								</a>
								<a href="">
									 通知
									<span>0</span>
								</a>
							</div>
						</li>
						<li class="top-nav-line"></li>
						<li class="add"><a href="">添加良品</a></li>
						<li class="agreement"><a href="">资质证照 / 协议规则</a></li>
					</ul>
				</div>
			</div>
		</header>
		<!-- 良仓导航栏 -->
		<nav>
			<!-- 导航栏版心 -->
			<div class="nav-content">
				<ul>
					<li><a href="">首页</a></li>
					<li class="nav-shop">
						<a href="">商店</a>
						<!-- 商店下拉菜单 -->
						<div class="nav-shop-list">
							<div class="shop-list-left">
								<ul>
									<li>
										<img src="img/commodity-1.png" alt="">
										<a href="">家居</a>
									</li>
									<li>
										<img src="img/commodity-1.png" alt="">
										<a href="">家居</a>
									</li>
									<li>
										<img src="img/commodity-1.png" alt="">
										<a href="">家居</a>
									</li>
									<li>
										<img src="img/commodity-1.png" alt="">
										<a href="">家居</a>
									</li>
									<li>
										<img src="img/commodity-1.png" alt="">
										<a href="">家居</a>
									</li>
									<li>
										<img src="img/commodity-1.png" alt="">
										<a href="">家居</a>
									</li>
									<li>
										<img src="img/commodity-1.png" alt="">
										<a href="">家居</a>
									</li>
									<li>
										<img src="img/commodity-1.png" alt="">
										<a href="">家居</a>
									</li>
									<li>
										<img src="img/commodity-1.png" alt="">
										<a href="">家居</a>
									</li>
									<li>
										<img src="img/commodity-1.png" alt="">
										<a href="">家居</a>
									</li>
									<li>
										<img src="img/commodity-1.png" alt="">
										<a href="">家居</a>
									</li>
									<li>
										<img src="img/commodity-1.png" alt="">
										<a href="">家居</a>
									</li>
									<li>
										<img src="img/commodity-1.png" alt="">
										<a href="">家居</a>
									</li>
									<li>
										<img src="img/commodity-1.png" alt="">
										<a href="">家居</a>
									</li>
									<li>
										<img src="img/commodity-1.png" alt="">
										<a href="">家居</a>
									</li>
								</ul>
							</div>
							<div class="shop-list-right">
								<img src="img/img-1.jpg" alt="">
								<a href="">新视线：  2015年7月刊</a>
							</div>
							<div class="shop-list-bottom">
								<a href="">查看所有品牌&gt;</a>
								<a href="">最新到货&gt;</a>
							</div>
						</div>
					</li>
					<li class="nav-magazine">
						<a href="">杂志</a>
						<div class="nav-magazine-list">
							<ul>
								<li><a href="">趣物</a></li>
								<li><a href="">趣物</a></li>
								<li><a href="">趣物</a></li>
								<li><a href="">趣物</a></li>
								<li><a href="">趣物</a></li>
								<li><a href="">趣物</a></li>
								<li><a href="">趣物</a></li>
								<li><a href="">趣物</a></li>
								<li><a href="">趣物</a></li>
								<li><a href="">趣物</a></li>
								<li><a href="">趣物</a></li>
								<li><a href="">趣物</a></li>
								<li><a href="">趣物</a></li>
								<li><a href="">趣物</a></li>
								<li><a href="">趣物</a></li>
							</ul>
						</div>
					</li>
					<li class="nav-share">
						<a href="">分享</a>
						<div class="nav-share-list">
							<ul>
								<li><a href="">男士</a></li>
								<li><a href="">男士</a></li>
								<li><a href="">男士</a></li>
								<li><a href="">男士</a></li>
								<li><a href="">男士</a></li>
								<li><a href="">男士</a></li>
								<li><a href="">男士</a></li>
								<li><a href="">男士</a></li>
								<li><a href="">男士</a></li>
								<li><a href="">男士</a></li>
								<li><a href="">男士</a></li>
								<li><a href="">男士</a></li>
								<li><a href="">男士</a></li>
								<li><a href="">男士</a></li>
								<li><a href="">男士</a></li>
							</ul>
						</div>
					</li>
					<li><a href="">达人</a></li>
					<li><a href="">有偿咨询</a></li>
					<li>
						<div class="nav-search">
							<input type="text" placeholder="serch...">
							<a href=""></a>
						</div>
					</li>
				</ul>
			</div>
		</nav>
		<!-- 良仓主要内容 -->
		<main>
			<!-- 良仓轮播图 -->
			<section>
				<div class="main-slideshow" id="main-slideshow">
					<!-- 轮播图片 -->
					<ul class="main-slideshow-list" id="main-slideshow-list">
						<li class="main-slideshow-1">
							<a href=""></a>
						</li>
						<li class="main-slideshow-2">
							<a href=""></a>
						</li>
						<li class="main-slideshow-3">
							<a href=""></a>
						</li>
						<li class="main-slideshow-4">
							<a href=""></a>
						</li>
					</ul>
					<!-- 左右箭头 -->
					<div>
						<a href="javascript:" class="slideshow-prev" id="slideshow-prev"></a>
						<a href="javascript:" class="slideshow-next" id="slideshow-next"></a>
					</div>
					<!-- 下方圆点 圆点切换-->
					<div class="slideshow-switchover" id="slideshow-switchover">
						<a href="javaScript:"></a>
						<a href="javaScript:"></a>
						<a href="javaScript:"></a>
						<a href="javaScript:"></a>
					</div>
				</div>
			</section>
			<!-- 良仓内容展示1 -->
			<section>
				<!-- 内容1版心 -->
				<div class="section1-content">
					<div class="section1-content-item1">
						<a href="">
							<img src="img/section1.png" alt="">
						</a>
						<a href="">
							<img src="img/section1.png" alt="">
						</a>
					</div>
					<div class="section1-content-item2">
						<a href="">
							<img src="img/section2.png" alt="">
						</a>
					</div>
					<div class="section1-content-item3">
						<a href="">
							<img src="img/section1.png" alt="">
						</a>
						<a href="">
							<img src="img/section1.png" alt="">
						</a>
					</div>
				</div>
			</section>
			<!-- 良仓内容展示2 -->
			<section>
				<!-- 内容2版心 -->
				<div class="section2-content">
					<div class="section2-title">人气良品</div>
					<ul class="section2-items">
						<li>
							<img src="img/section2-1.jpg" alt="">
							<div class="section2-item-bar">
								<div class="section2-item-who">
									<img src="img/who1.jpg" alt="">
									 &nbsp;万寿斋
								</div>
								<div class="section2-item-heart">
									2&nbsp;
									<img src="img/heart.png" alt="">
								</div>
							</div>
						</li>
						<li>
							<img src="img/section2-1.jpg" alt="">
							<div class="section2-item-bar">
								<div class="section2-item-who">
									<img src="img/who1.jpg" alt="">
									 &nbsp;万寿斋
								</div>
								<div class="section2-item-heart">
									2&nbsp;
									<img src="img/heart.png" alt="">
								</div>
							</div>
						</li>
						<li>
							<img src="img/section2-1.jpg" alt="">
							<div class="section2-item-bar">
								<div class="section2-item-who">
									<img src="img/who1.jpg" alt="">
									 &nbsp;万寿斋
								</div>
								<div class="section2-item-heart">
									2&nbsp;
									<img src="img/heart.png" alt="">
								</div>
							</div>
						</li>
						<li>
							<img src="img/section2-1.jpg" alt="">
							<div class="section2-item-bar">
								<div class="section2-item-who">
									<img src="img/who1.jpg" alt="">
									 &nbsp;万寿斋
								</div>
								<div class="section2-item-heart">
									2&nbsp;
									<img src="img/heart.png" alt="">
								</div>
							</div>
						</li>
						<li>
							<img src="img/section2-1.jpg" alt="">
							<div class="section2-item-bar">
								<div class="section2-item-who">
									<img src="img/who1.jpg" alt="">
									 &nbsp;万寿斋
								</div>
								<div class="section2-item-heart">
									2&nbsp;
									<img src="img/heart.png" alt="">
								</div>
							</div>
						</li>
						<li>
							<img src="img/section2-1.jpg" alt="">
							<div class="section2-item-bar">
								<div class="section2-item-who">
									<img src="img/who1.jpg" alt="">
									 &nbsp;万寿斋
								</div>
								<div class="section2-item-heart">
									2&nbsp;
									<img src="img/heart.png" alt="">
								</div>
							</div>
						</li>
						<li>
							<img src="img/section2-1.jpg" alt="">
							<div class="section2-item-bar">
								<div class="section2-item-who">
									<img src="img/who1.jpg" alt="">
									 &nbsp;万寿斋
								</div>
								<div class="section2-item-heart">
									2&nbsp;
									<img src="img/heart.png" alt="">
								</div>
							</div>
						</li>
						<li>
							<img src="img/section2-1.jpg" alt="">
							<div class="section2-item-bar">
								<div class="section2-item-who">
									<img src="img/who1.jpg" alt="">
									 &nbsp;万寿斋
								</div>
								<div class="section2-item-heart">
									2&nbsp;
									<img src="img/heart.png" alt="">
								</div>
							</div>
						</li>
						<li>
							<img src="img/section2-1.jpg" alt="">
							<div class="section2-item-bar">
								<div class="section2-item-who">
									<img src="img/who1.jpg" alt="">
									 &nbsp;万寿斋
								</div>
								<div class="section2-item-heart">
									2&nbsp;
									<img src="img/heart.png" alt="">
								</div>
							</div>
						</li>
						<li>
							<img src="img/section2-1.jpg" alt="">
							<div class="section2-item-bar">
								<div class="section2-item-who">
									<img src="img/who1.jpg" alt="">
									 &nbsp;万寿斋
								</div>
								<div class="section2-item-heart">
									2&nbsp;
									<img src="img/heart.png" alt="">
								</div>
							</div>
						</li>
						<li>
							<img src="img/section2-1.jpg" alt="">
							<div class="section2-item-bar">
								<div class="section2-item-who">
									<img src="img/who1.jpg" alt="">
									 &nbsp;万寿斋
								</div>
								<div class="section2-item-heart">
									2&nbsp;
									<img src="img/heart.png" alt="">
								</div>
							</div>
						</li>
						<li>
							<img src="img/section2-1.jpg" alt="">
							<div class="section2-item-bar">
								<div class="section2-item-who">
									<img src="img/who1.jpg" alt="">
									 &nbsp;万寿斋
								</div>
								<div class="section2-item-heart">
									2&nbsp;
									<img src="img/heart.png" alt="">
								</div>
							</div>
						</li>
					</ul>
					<div class="section2-content-more">
						
					</div>
				</div>
			</section>
			<!-- 良仓服务内容 -->
			<section>
				<div class="section-service">
						<a href="">
							<span class="hand"></span>
						</a>
						<ul class="section-service-slogen">
							<li>
								<div></div>
								<div>
									<p>全球精品</p>
									<p>Global Selections</p>
								</div>
							</li>
							<li>
								<div></div>
								<div>
									<p>全球精品</p>
									<p>Global Selections</p>
								</div>
							</li>
							<li>
								<div></div>
								<div>
									<p>全球精品</p>
									<p>Global Selections</p>
								</div>
							</li>
							<li>
								<div></div>
								<div>
									<p>全球精品</p>
									<p>Global Selections</p>
								</div>
							</li>
						</ul>
				</div>
			</section>
		</main>
		<!-- 良仓页脚 -->
		<footer>
			<!-- 页脚版心 -->
			<div class="footer-content">
				<div class="footer-left">
					<div class="download">
						<p class="iPhone">iPhone Android</p>
						<p class="client-down">客户端下载</p>
					</div>
					<div class="toplink">
						<a href="">关于良仓</a>|
						<a href="">服务协议</a>|
						<a href="">隐私保护政策</a>|
						<a href="">使用指南</a>|
						<a href="">联系我们</a>|
						<a href="">加入我们</a>|
						<a href="">友情链接</a>|
						<a href="">私信良仓</a>|
					</div>
					<div class="friendly">
						<p>© 2013-2019 北京良仓文化传播有限公司版权所有 </p>
						<p>公司名称：北京良仓文化传播有限公司  客服邮箱：kefu@iliangcang.com</p>
						<p> 公司地址：北京朝阳区百子湾路32号6号楼1层60号.</p>
						<p>社会信用统一代码：91110105059231575L  食品许可证：JY11105160159557  </p>
						<p>图书证名称：中华人民共和国出版物经营许可证  图书证编号：新出发京零 字第 朝 150051 号  </p>
						<p>京ICP备13010677号-1 京公网安备11010502025627</p>
					</div>
				</div>
				<div class="footer-right">
					<div class="commun">
						<a href=""></a>
						<a href=""></a>
						<a href=""></a>
					</div>
				</div>
			</div>
		</footer>
	</body>
</html>
<script src="js/index1.js"></script>